@font-title: #28544b;
@font-tabs: #5c8d89;
.font-color(@font-color) {
  color: @font-color;
  font-size: 2.2rem;
}


.box-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8rem;

  .box-nav-title {
    li>a {
      .font-color(@font-title);
      font-size: 5rem;
    }
  }

  .box-nav-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

    li>a {
      .font-color(@font-tabs)
    }

    ::ng-deep .ant-menu-item a:focus, .ant-menu-item a:hover, .ant-menu-item:visited {
      color: #ffa06f !important;
    }
  }

  .box-nav-status {
    display: flex;
    justify-content: flex-start;

    li>a {
      .font-color(@font-tabs)
    }

    ::ng-deep .ant-menu-item a:focus, .ant-menu-item a:hover, .ant-menu-item:visited {
      color: #ffa06f !important;
    }
  }

  .Avatar {
    background-color:#87d068;
  }
  .Avatar:hover {
    cursor: pointer;
  }
}
